@charset "utf-8";

.header {
    height:200px;
   
   width:500px;
    margin:0px auto;
	background-color: #FFFFFF;
	border: 1px solid #3f3e3e;
}
.content {
    width:2000px;
    margin-top: 100px;
       height: auto;
    margin: 0px auto;
	

}
.header-cont {width:100%; position: fixed; top: 0px;
margin: 30px 0 0 0;
}

body {margin: 0; font-family: Myriad, Helvetica, Arial, Gotham, sans-serif;
 background: repeating-linear-gradient(
  to right,
  
  #ffffcc,
  #ffffcc 50%,
  #f7f7f7 50%,
  #f7f7f7
);

background-size: 30px;
}

#nimi {float:left;
padding: 0 30px;
 line-height: 100px;
  font-size: 30px;
	color:#3f3e3e;
	text-transform: uppercase;
	font-weight:bold;	
   }
	
a {text-decoration:none; color:#3f3e3e; font-weight:regular; margin: 15px; float: left;}

p {text-decoration:none; color:#3f3e3e; font-weight:bold; margin: 30px; float: left;}

 .container {

 margin: 200px 0 0 0;
 width: 2000px;
 
 }
 
 .floating-box {
    float: left;
  
   margin: 10px;
	background-color: #FFFFFF;
    border: 1px solid #3f3e3e;  
}

 
 .floating-box2 {
    float: left;
    width: 1900px;
    margin: 10px;
	background-color: #FFFFFF;
    border: 1px solid #3f3e3e;  
}

 .floating-box3 {
    float: left;
            margin: 10px;
	
}

.image-container1 {
	margin:15px 15px 0 15px;
	}

.info1{ width:410px; height:313px; background:#FFF; opacity:0; } 
.image-container1:{ opacity:100; text-align:left; color:#000000;  padding:30px;float: left; } 

.image-container2 {
	margin:15px 15px 0 15px;
	
	width:470px; height:313px; background: url(http://marjukkatakala.com/Marjukka_Takala_The_Networker_s.jpg) no-repeat;
}

.info2{ width:410px; height:313px; background:#FFF; opacity:0; } 
.image-container2:hover .info2 { opacity:100; text-align:left; color:#000000;  padding:30px; } 

.image-container3 {
	margin:15px 15px 0 15px;
		width:470px; height:313px; background: url(http://marjukkatakala.com/Marjukka_Takala_Koti_s.jpg) no-repeat;}
.info3{ width:410px; height:313px; background:#FFF; opacity:0; } 
.image-container3:hover .info3 { opacity:100; text-align:left; color:#000000;  padding:30px; }

.image-container4 {
	margin:15px 15px 0 15px;
		width:470px; height:313px; background: url(http://marjukkatakala.com/Marjukka_Takala_Valo2014_s.jpg) no-repeat;}
.info4{ width:410px; height:313px; background:#FFF; opacity:0; } 
.image-container4:hover .info4 { opacity:100; text-align:left; color:#000000;  padding:30px; }

.image-container5 {
	margin:15px 15px 0 15px;
		width:470px; height:688px; background: url(http://marjukkatakala.com/Marjukka_Takala_Lantern_Tree_s.jpg) no-repeat;}
.info5{ width:410px; height:688px; background:#FFF; opacity:0; } 
.image-container5:hover .info5 { opacity:100; text-align:left; color:#000000;  padding:30px; }

.image-container6 {
	margin:15px 15px 0 15px;
		width:470px; height:688px; background: url(http://marjukkatakala.com/Marjukka_Takala_Mittari_s.jpg) no-repeat;}
.info6{ width:410px; height:688px; background:#FFF; opacity:0; } 
.image-container6:hover .info6 { opacity:100; text-align:left; color:#000000;  padding:30px; }

.image-container7 {
	margin:15px 15px 0 15px;
		width:470px; height:313px; background: url(http://marjukkatakala.com/Marjukka_Takala_Lantern_Branch_s.jpg) no-repeat;}
.info7{ width:410px; height:313px; background:#FFF; opacity:0; } 
.image-container7:hover .info7 { opacity:100; text-align:left; color:#000000;  padding:30px; }

.image-container8 {
	margin:15px 15px 0 15px;
		width:470px; height:313px; background: url(http://marjukkatakala.com/Marjukka_Takala_Kroketti_s.jpg) no-repeat;}
.info8{ width:410px; height:313px; background:#FFF; opacity:0; } 
.image-container8:hover .info8 { opacity:100; text-align:left; color:#000000;  padding:30px; }

.image-container9 {
	margin:15px 15px 0 15px;
		width:470px; height:313px; background: url(http://marjukkatakala.com/Marjukka_Takala_UKLY_Sandbox_s.jpg) no-repeat;}
.info9{ width:410px; height:313px; background:#FFF; opacity:0; } 
.image-container9:hover .info9 { opacity:100; text-align:left; color:#000000;  padding:30px; }

.image-container10 {
	margin:15px 15px 0 15px;
		width:470px; height:313px; background: url(http://marjukkatakala.com/Marjukka_Takala_Lichen_s.jpg) no-repeat;}
.info10{ width:410px; height:313px; background:#FFF; opacity:0; } 
.image-container10:hover .info10 { opacity:100; text-align:left; color:#000000;  padding:30px; }

aside {
	width: 250px;
    height: 70px;
	float:right;
	margin:15px;
  
  }
  
 p span 
{
    display: block;
}
.empty {  height:200px;
   
   width:500px;
   }